<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_834434_k19iwo0jyin.css">
    <style>
    *{margin:0;padding:0;}
    .top{
        width: 10rem;
        height: 1.375rem;
        background:#a78ada;
        margin-left: auto;
        margin-right: auto;
    }
    .nai{
        width: 10rem;
        height: 3.125rem;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .icon{
        width: 2.8125rem;
        height: 3.125rem;
        text-align: center;
        align-items: center;
    }
    .iconfont{
        text-align: center;
        align-items: center;
        font-size: 1.875rem;
    }
    .nai>div{
        float: left;
    }
    .world{
        position: relative;
    }
    .world p{
        margin-top: .15625rem;
        margin-left: .3125rem;
        font-size: .34375rem;
    }
    .world h4{
        position: absolute;
        color:#ff446a;
        font-size: .3125rem;
        left: .3125rem;
        top: 1.40625rem;
    }
    .world h3{
          position: absolute;
          right: 0rem;
          top: 1.40625rem;
          font-size: .3125rem;
          border: .015625rem solid #555;
          border-radius: .078125rem;
    }
    </style>
</head>
<body>
    <div class="top"></div>
    <div class="nai">
        <div class="icon">
            <i class="iconfont">&#xe62f;</i>
        </div>
        <div class="world">
            <p>wonsee 萌萌蛋 智能奶瓶 宽口径硅胶智
             <br>能奶瓶 m116-MAX 250xl 粉色</p>
            <h4>￥299</h4>
            <h3>相似商品</h3>
        </div>
    </div>
</body>
</html>